import { createVNode, render } from 'vue'
import Msg from './index.vue'
/**
 * 需求 :
 * 1.调用方法支持传参,显示定制的小时提示框
 * 2.指定时间内关闭消息提示框
 */
export default ({ type, text, time = 3500 }) => {
  // 1.把消息提示框组件使用createVNode方法,创建虚拟dom
  // 2.渲染虚拟dom
  // 3.控制被创建元素的显示隐藏
  const msg = createVNode(Msg, { type, text })
  render(msg, document.body)
  // 调用组件变量口昂之显示隐藏
  msg.component.setupState.isShow = true
  // 关闭
  setTimeout(() => {
    msg.component.setupState.isShow = false
  }, time)
}
